{% extends "base.html" %}

{% block style %}
<link href="/static/css/index.css" rel="stylesheet">
{% endblock %}

{% block content %}
<div class="jztop"></div>
<div class="container">
  {% if article %}
  <div class="bloglist f_l">
    {% for a in article %}
    <h3><a href="/jstt/bj/2017-07-13/784.html">【{{a.type}}】{{a.title}}</a></h3>
    <figure><img src="/static/images/{{a.image}}" alt="【{{a.type}}】{{a.title}}"></figure>
    <ul>
      <p>{{a.description}}</p>
      <a title="【{{a.type}}】{{a.title}}" href="/jstt/bj/2017-07-13/784.html" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
    </ul>
    <p class="dateview"><span>{{a.time}}</span><span>作者：{{a.author}}</span><span>个人博客：[<a href="/jstt/bj/">心得笔记</a>]</span></p>
    {% endfor %}
  </div>
  <div class="r_box f_r">
    <div class="tit01">
      <h3 class="tit">关注我</h3>
      <div class="gzwm">
        <ul>
          <li><a class="email" href="#" target="_blank">我的电话</a></li>
          <li><a class="qq" href="#mailto:admin@admin.com" target="_blank">我的邮箱</a></li>
          <li><a class="tel" href="#" target="_blank">我的QQ</a></li>
          <li><a class="prize" href="#">个人奖项</a></li>
        </ul>
      </div>
    </div>
    <!--tit01 end-->

    <div class="tuwen">
      <h3 class="tit">图文推荐</h3>
      <ul>
        {% for g in graphic%}
        <li><a href="/"><img src="/static/images/{{g.image}}"><b>{{g.description}}</b></a>
          <p><span class="tulanmu"><a href="/">{{g.phone}}</a></span><span class="tutime">{{g.time}}</span></p>
        </li>
        {% endfor %}

      </ul>
    </div>
    <div class="ph">
      <h3 class="tit">点击排行</h3>
      <ul class="rank">
        <li><a href="/jstt/bj/2017-07-13/784.html" title="【心路历程】请不要在设计这条路上徘徊啦" target="_blank">【心路历程】请不要在设计这条路上徘徊啦</a></li>
        <li><a href="/news/s/2016-05-20/751.html" title="IP要突破2000+了" target="_blank">IP要突破2000+了</a></li>
        <li><a href="/jstt/web/2015-07-03/749.html" title="帝国cms首页、自定义页面如何实现分页" target="_blank">帝国cms首页、自定义页面如何实现分页</a></li>
        <li><a href="/jstt/web/2015-02-25/745.html" title="【已评选】给我模板PSD源文件，我给你设计HTML！" target="_blank">【已评选】给我模板PSD源文件，我给你设计HTML！</a></li>
        <li><a href="/jstt/bj/2015-02-14/744.html" title="【郑重申明】本站只提供静态模板下载！" target="_blank">【郑重申明】本站只提供静态模板下载！</a></li>
        <li><a href="/news/s/2015-01-23/741.html" title="【孕期日记】生活本该如此" target="_blank">【孕期日记】生活本该如此</a></li>
        <li><a href="/jstt/bj/2015-01-09/740.html" title="【匆匆那些年】总结个人博客经历的这四年…" target="_blank">【匆匆那些年】总结个人博客经历的这四年…</a></li>
        <li><a href="/jstt/web/2015-01-01/739.html" title=" 2014年度优秀个人博客排名公布" target="_blank"> 2014年度优秀个人博客排名公布</a></li>
        <li><a href="/jstt/web/2014-12-18/736.html" title="2014年度优秀个人博客评选活动" target="_blank">2014年度优秀个人博客评选活动</a></li>
        <li><a href="/jstt/css3/2014-12-09/734.html" title="使用CSS3制作文字、图片倒影" target="_blank">使用CSS3制作文字、图片倒影</a></li>
        <li><a href="/jstt/css3/2014-11-18/733.html" title="【分享】css3侧边栏导航不同方向划出效果" target="_blank">【分享】css3侧边栏导航不同方向划出效果</a></li>
        <li><a href="/jstt/bj/2014-11-06/732.html" title="分享我的个人博客访问量如何做到IP从10到600的(图文)" target="_blank">分享我的个人博客访问量如何做到IP从10到600的(图文)</a></li>
      </ul>
    </div>
    <div class="ad"> <img src="/static/images/03.jpg"> </div>
  </div>
  {% else %}
    <p style="font-size: 24px;font-family: 微软雅黑;">
      <b>这家伙很懒，什么都没有留下，取看看别的</b>
    </p>
  {% endif %}
</div>
<!-- container代码 结束 -->
<div class="jzend"></div>
{% endblock %}

